<template>
  <div class="app-content">
    <com-header v-if="isServer"></com-header>
    <com-server v-if="isServer"></com-server>
    <router-view />
    <com-buttom v-if="isServer"></com-buttom>
  </div>
</template>
<script setup lang="ts">
import comHeader from "./components/com-header/com-header.vue";
import comButtom from "./components/com-buttom/com-buttom.vue";
import comServer from "./components/com-server/com-server.vue";
import { ref, computed } from "vue";

import { useRoute } from "vue-router";

const route = useRoute();

const isServer = computed(() => {
  if (route.path === "/home-it" || route.path === "/home-taxes") {
    return false;
  }
  return true;
});
</script>
<style lang="less">
@import "@/style/var.less";

* {
  margin: 0;
  padding: 0;
}
.app-content {
  font-family: PingFangSC-Regular, PingFangSC-Regular Avenir, Helvetica, Arial,
    sans-serif;
  color: #2c3e50;
  font-size: 14px;
}
@media (min-width: 750px) {
  .app-content {
    min-width: @contentWhite;
    margin: auto;
  }
}
@media (max-width: 750px) {
  .app-content {
    // padding-top: @headerHeight;
    max-width: 750px;
    overflow: hidden;
  }
}
</style>
